@charset "utf-8";
.food-page{
    .banner{
        background:url("../images/front/cat/banner_food.png") no-repeat center;
        width: 100%;
        height: 337px;
        margin-top:0;
    }
    .bg_orange{
    	background-color:#db8800;
    	height:660px;
    	.body{
    		padding-top:20px;
    	}
    }
    .bg_green{
    	background-color:#50a738;
    }
    .bg_orangered{
    	background-color:#eb6a2a;
    	padding:20px 0 ;
    	.footer_banner{
    		margin-left:12px;
    	}
    	.last_footer_banner{
    		margin-left:24px;
    	}
    }
    .food_goodlist{
    	position:relative;
	    .col-md-6{
	        height: 272px;
		    margin-bottom: 24px;
		    position: relative;
		    width: 522px;
	    }
		.col-md-3{
		    position: relative;
	    }
	    
	    .goods_item_no_stock .no_stock_icon {
	        display: block;
	        position: absolute;
	        width: 116px;
	        height: 116px;
	        z-index: 100;
	        border: none;
	        background: url('../images/miaoguang.png') no-repeat 0 0;
	        left: 65px;
	        top: 70px;
	    }
	    .goods_item_no_stock .food_half_goods_stock{
	    	left: 80px;
	    	top: 80px;
	    }
	    .today_new{
	    	display: block;
	        position: absolute;
	        width: 32px;
	        height: 39px;
	        z-index: 101;
	        border: none;
	        background: url('../images/front/cat/today_new.png') no-repeat 0 0;
	        left: 0;
	        top: 0;
	        z-index: 1001;
	    }
	    .goods_item_no_stock{
	        .thumbnail .caption .btn-purchase{
	            background-position: -1392px -6px;
	        }
	        .thumbnail .caption .btn-purchase:hover{
	            background-position: -1392px -6px;
	        }
	        .thumbnail .caption .tmall{
	            background-position: -1489px -5px;
	        }
	        .thumbnail .caption .tmall:hover{
	            background-position: -1489px -5px;
	        }
	        .thumbnail .caption .jd{
	            background-position: -1385px -121px;
	        }
	        .thumbnail .caption .jd:hover{
	            background-position: -1385px -121px;
	        }
	
	    }
	    .half_thumbnail{
	        padding: 10px;
	        position: absolute;
	        z-index: 20;
	        background: #fff;
	        border:#fff solid 1px;
	        width:502px;
	        .good_url{
	        	float:left;
	    	}
	        .good_img{
	            width: 250px;
	            height: 250px;
	            margin: 0;
	            border:none;
	            float:left;
	        }
	        .caption{
	            position: relative;
	            padding: 0px;
	            float:left;
	            margin-left:13px;
	            width:235px;
	            color:#999;
	            .half-title{
	            	color: #000;
				    font-size: 22px;
				    height: 70px;
				    margin-top: 20px;
	        	}
	        	.row{
	        		width:100%;
	        	}
	        	.price_icon{
	        		font-weight:bolder;
	            	font-size:20px;
	            	color:#f76a23;
	            	margin:16px 2 0 0;
	        	}
	        	.promo_price{
	            	font-size:36px;
	            	color:#f76a23;
	        	}
	        	.zhekou{
	        		background-color:#e99c0a;
	        		color:#fff;
	        		border-radius:2px;
	        		padding:0 5px;
	        		margin:13px 0 0 3px;
	        	}
	        	.origin-price_row{
	        		margin-bottom:10px;
	        		font-size:16px;
	        	}
	        	.origin-price{
	        		text-decoration:line-through;
	        	}
	        	.sales{
	        		margin-bottom:5px;
	        		text-align:right;
	        		span{
	        			color:#029756;
	        			font-size:16px;
	        		}
	        	}
	        	.buy_btn{
	        		width:100%;
	        		padding:5px 0 ;
	        		background-color:#f76a23;
	        		color:#fff;
	        		font-size:20px;
	        		border-radius:3px;
	        		text-align:center;
	        		font-weight:bolder;
	        	}
	        }
	    }
	
	    .half_thumbnail:hover{
	        -webkit-box-shadow: #666 0px 0px 10px;
			-moz-box-shadow: #666 0px 0px 10px;
			box-shadow: #666 0px 0px 10px;
	        z-index: 30;
	        padding:10px;
	    }
	    
	    .thumbnail{
	        padding: 10px;
	        background: #fff;
	        border:#fff solid 1px;
	        margin-bottom:24px;
	        position: relative;
        	z-index: 20;
	        img{
	            width: 227px;
	            height: 227px;
	            margin: 0;
	            border:none;
	        }
	        .caption{
	            position: relative;
	            .item-title{
	                color: #000;
	                line-height: 25px;
	                height: 25px;
	                overflow: hidden;
	                font-family: "微软雅黑";
	                font-size:15px;
	            }
	            .information{
	            	.info_top{
	            		width:150px;
	            	}
	                .zhekou{
	                    color:#e99c0a;
	                    border:1px solid #e99c0a;
	                    padding:0 5px;
	                    border-radius:2px;
	                    font-size:12px;
	                    margin-right:5px;
	                }
	                .price_red{
	                    color:#f76a23;
	                    font-size:14px;
	                }
	                .promo_price{
	                    color: #f76a23;
	                    font-size: 25px;
	                    height: 30px;
	                    line-height: 30px;
	                    margin-right: 5px;
	                    padding-left: 2px;
	                    position: relative;
	                }
	                .sales{
	                	font-size:14px;
	                	color:#999;
	                	span{
	                        color:#19aa6b;
	                    }
	                }
	                .buy_btn{
		        		background-color: #f76a23;
					    border-radius: 3px;
					    color: #fff;
					    font-size: 16px;
					    font-weight: bolder;
					    height: 45px;
					    line-height: 20px;
					    margin-top: -30px;
					    padding: 5px 5px 0;
					    text-align: center;
					    width: 40px;
		        	}
	            }
	        }
	        
	    }
	    .thumbnail:hover{
	        -webkit-box-shadow: #666 0px 0px 10px;
			-moz-box-shadow: #666 0px 0px 10px;
			box-shadow: #666 0px 0px 10px;
	        z-index: 30;
	        padding:10px;
	    }
    }
}